<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>出门记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="../../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../../backend/javascript/laydate/need/laydate.css">
		<link href="../../../css/main_pc.css" rel="stylesheet">
		<link href="css/main_teacher.css" rel="stylesheet">
		<script src="../../../js/jquery.min.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/jquery-1.7.2.min.js"></script>
		<script src="../../../js/DateUtils.js"></script>
		<script src="../../../backend/javascript/laydate/laydate.js"></script>
		<script src="../../../backend/javascript/layer/layer.js"></script>
		<script src="js/left-nav-height.js"></script>
		<script src="js/record_pc_teacher.js"></script>
	</head>

	<body>
		<!--header-->
		<nav class="navbar navbar-default nav-main" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">
						<img class="fl" src="../../../images/img_logo_02.png" alt="logo">
						<span class="fl logo-title">校园门禁系统</span>
					</a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right right-height">
						<li class="">
							<span>老师姓名：</span>
							<span id="teacher_name" ></span>
						</li>
						<li class="">
							<span>班级：</span>
							<span id="teacher_class"></span>
						</li>
						<li>
							<button class="exit-btn">退出</button>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--#end header-->

		<!--start article-->
		<article class="container">
			<h1></h1>
			<!--start content-->
			<form role="form" class="row">
				<!--start left-hurdle-->
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
					<div class="t-left left-nav">
						<ul class="text-center">
							<li>
								<a href="apply.approvePC_teacher.html">外出申请审批</a>
							</li>
							<li class="examine">
								<a href="#">学生刷卡记录</a>
							</li>
							<li>
								<a href="apply.otherApprovePC_teacher.html">其他审批</a>
							</li>
						</ul>
					</div>
				</div>
				<!--#end left-hurdle-->

				<!--start right-hurdle-->
				<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 right-detail">
					<!-- Nav -->
					<ul class="nav navBar">
						<li class="col-sm-4 text-center" style="border-bottom: 2px solid #2ca4ec;" id="type" value=1>
							<a href="">出门记录</a>
						</li>
						<li class="col-sm-4 text-center">
							<a href="record.backPC_teacher.html">进门记录</a>
						</li>
						<li class="col-sm-4 text-center">
							<a href="record.unusualPC_teacher.html">异常出入记录</a>
						</li>
					</ul>
					<!--#end nav-->

					<!--date-->
					<div class="title-panel text-center time-align">
						<label for="date-start">开始时间：</label>
						<input id="date-start" class="laydate-icon">
						<label for="date-end">结束时间：</label>
						<input id="date-end" class="laydate-icon">
					</div>
					<!--#end date-->

					<!--start select-->
					<!--<div class="form-group fr class-room">-->
					<!--<label>班级：</label>-->
					<!--<select>-->
					<!--<option value="高三1班">高三1班</option>-->
					<!--<option value="高三2班">高三2班</option>-->
					<!--<option value="高三3班">高三3班</option>-->
					<!--<option value="高三4班">高三4班</option>-->
					<!--<option value="高三5班">高三5班</option>-->
					<!--<option value="高三6班">高三6班</option>-->
					<!--<option value="高三7班">高三7班</option>-->
					<!--</select>-->
					<!--</div>-->
					<!--#end select-->

					<div class="form-group seek-name">
						<input type="text" placeholder="输入学生姓名" class="seek-box fl">
						<button class="btn btn-primary search-btn">搜索</button>
					</div>

					<!--Nav tabs-->
					<table class="go-out">
						<tr>
							<td>大明</td>
							<td>2016-12-18 15:44:16</td>
						</tr>
						<tr>
							<td>大明</td>
							<td>2016-12-18 15:44:16</td>
						</tr>
						<tr>
							<td>大明</td>
							<td>2016-12-18 15:44:16</td>
						</tr>
						<tr>
							<td>大明</td>
							<td>2016-12-18 15:44:16</td>
						</tr>
						<tr>
							<td>大明</td>
							<td>2016-12-18 15:44:16</td>
						</tr>
					</table>
					<!--end Nav tabs-->

					<nav class="pagination-table col-sm-12 col-xs-12">
						<ul class="pager">
							<li class="">
								<a href="#">首页</a>
							</li>
							<li class="">
								<a href="#">&laquo;</a>
							</li>
							<li class="active">
								<a href="#">1 <span class="sr-only">(current)</span></a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>
							<li>
								<a href="#">&raquo;</a>
							</li>
							<li class="">
								<a href="#">末页</a>
							</li>
						</ul>
					</nav>

				</div>
				<!--#end right-hurdle-->

			</form>
			<!--#end content-->
		</article>
		<!--#end article-->

		<footer class="container-fluid text-center">
			<div class="f-bottom">
				<p>©广东省华侨职业技术学校 粤ICP备 0508538号</p>
			</div>
		</footer>

	</body>

</html>